<html>
	<head>
		<title>定位</title>
		<meta http-equiv="Content-Type" content="text/html charset=utf-8">
		
		<style>
			.box{
				width:600px;
				border:1px solid red;
				background-color:#ccc;
				margin:0px auto;
			}
			.div1{
				width:100px;
				height:100px;
				background-color:red;
				/*position:fixed; 
				right:50px;
				top:100px;*//*固定定位*/
			}
			.div2{
				width:100px;
				height:100px;
				background-color:green;
				/*position:relative;
				left:110px;*//*相对定位*/
				position:absolute;/*绝对定位*/
				
			}
			.div3{
				width:100px;
				height:100px;
				background-color:blue;
			}
		</style>
	</head>
	<body>
	
		<div class="box">
			<div class="div1"></div>
			<div class="div2"></div>
			<div class="div3"></div>
		</div>
	</body>

</html>